<template>
  <div>
    <child :gender="prettyGril" @message-sent="handleMessage"></child>
  </div>
</template>

<script setup>
import child from './child.vue';

const prettyGril = '漂亮的小妮儿'
function handleMessage(message){
  console.log('接收到子组件的消息:',message);
}
</script>